﻿<!DOCTYPE HTML>
<html lang="zxx">

<head>
    <title>后台登录注册</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content="Triple Forms Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- Meta tag Keywords -->

    <!-- css files -->
    <link rel="stylesheet" href="/backs/css/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <link href="/backs/css/font-awesome.min.css" rel="stylesheet">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //css files -->

    <!-- web-fonts -->
    <link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext"
          rel="stylesheet">
    <!-- //web-fonts -->
</head>

<body>
<div class="main-bg">
    <!-- title -->
    <h1>Login/Registration</h1>
    <!-- //title -->
    <div class="sub-main-w3">
        <div class="image-style">

        </div>
        <!-- vertical tabs -->
        <div class="vertical-tab">
            <div id="section1" class="section-w3ls">
                <input type="radio" name="sections" id="option1" checked>
                <label for="option1" class="icon-left-w3pvt"><span class="fa fa-user-circle" aria-hidden="true"></span>登录</label>
                <article>
                    <form action="/admin/logindo" method="post">
                        <h3 class="legend">登录</h3>
                        <div class="input">
                            <span class="fa fa-envelope-o" aria-hidden="true"></span>
                            <input type="email" placeholder="Email" name="u_email" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-key" aria-hidden="true"></span>
                            <input type="password" placeholder="Password" name="u_pwd" required />
                        </div>
                        <button type="submit" class="btn submit">登录</button>
                        <a href="#" class="bottom-text-w3ls">Forgot Password?</a>
                    </form>
                </article>
            </div>
            <div id="section2" class="section-w3ls">
                <input type="radio" name="sections" id="option2">
                <label for="option2" class="icon-left-w3pvt"><span class="fa fa-pencil-square" aria-hidden="true"></span>注册</label>
                <article>
                    <form action="/admin/loginadd" method="post">
                        <h3 class="legend">注册</h3>
                        <div class="input">
                            <span class="fa fa-user-o" aria-hidden="true"></span>
                            <input type="text" placeholder="昵称" name="u_name" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-key" aria-hidden="true"></span>
                            <input type="password" placeholder="密码" name="u_pwd" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-address-card-o" aria-hidden="true"></span>
                            <input type="text" placeholder="住址" name="u_address" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-envelope-o" aria-hidden="true"></span>
                            <input type="email" placeholder="Email" id="e_mail" name="u_email" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-volume-control-phone" aria-hidden="true"></span>
                            <input type="text" placeholder="电话" name="u_tel" required />
                        </div>
                        <div class="input">
                            <span class="fa fa-address-book" aria-hidden="true"></span>
                            <input type="text" placeholder="年龄" name="u_age" required />
                        </div>
                        <button type="submit" class="btn submit">注册</button>
                    </form>
                </article>
            </div>
            <div id="section3" class="section-w3ls">
                <input type="radio" name="sections" id="option3">
                <label for="option3" class="icon-left-w3pvt"><span class="fa fa-lock" aria-hidden="true"></span>忘记密码?</label>
                <article>
                    <form action="#" method="post">
                        <h3 class="legend last">重设密码</h3>
                        <p class="para-style">请在下面输入您的电子邮箱，我们会向您发送一封包含说明的电子邮件</p>
                        <p class="para-style-2"><strong>需要帮忙</strong> 详细了解如何 <a href="#">检索现有帐户。</a></p><br>
                        <div class="input">
                            <span class="fa fa-envelope-o" aria-hidden="true"></span>
                            <input type="email" placeholder="Email" name="email" required />
                        </div>
                        <button type="submit" class="btn submit last-btn">确认重置密码</button>
                    </form>
                </article>
            </div>
        </div>
        <!-- //vertical tabs -->
        <div class="clear"></div>
    </div>
    <!-- copyright -->
    <div class="copyright">
        <h2>&copy; 2019 Triple Forms. All rights reserved | Design by
            <a href="http://w3layouts.com" target="_blank">W3layouts</a>
        </h2>
    </div>
</div>
</body>
</html>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    $('#e_mail').blur(function(){
        var email = $(this).val();
        $.ajax({
            url:'/admin/email_one',
            type:'post',
            data:{email:email},
            dataType:'json',
            success:function(e){
                if(e.code!=200){
                    alert(e.msg);
                    return false;
                }else{
                    alert(e.msg);
                }
            }
        });
    });
</script>